<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>梦码作业</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <div id="container">
            <img src="img/校徽.png" alt="加载失败">
            <ul class="header_left left">
                <li><a href="">首页</a></li>
                <li><a href="">学习</a></li>
                <li><a href="">组队</a></li>
                <li><a href="">报销</a></li>
            </ul>
            <div class="header_right right">
                <form action="">
                    <input type="text" class="input" placeholder="&nbsp;&nbsp;蓝桥杯">
                    <div class="fill"><span class="shuxian">|&nbsp;&nbsp;</span><span><img src="img/放大镜.png"
                                alt="加载失败"></span>
                        <p>&nbsp;&nbsp;搜索</p>
                    </div>
                    <button>登录/注册</button>
                </form>
            </div>
        </div>
    </div>

    <!-- 轮播图部分 -->
    <div class="wrap">
        <div id="container">
            <ul class="list">
                <li><img src="img/轮播图.png" alt="" class="item active"></li>
                <li><img src="img/轮播图.png" alt="" class="item"></li>
                <li><img src="img/轮播图.png" alt="" class="item"></li>
            </ul>
            <ul class="pointList">
                <li class="point active" data-index="0"></li>
                <li class="point" data-index="1"></li>
                <li class="point" data-index="2"></li>
            </ul>
            <button class="btn" id="leftBtn">
                < </button>
                    <button class="btn" id="rightBtn"> > </button>
        </div>
    </div>

    <!-- 正文部分 -->
    <div id="content" class="con" style="display: block;">
        <div id="container">
            <div class="content_left">
                <ul class="content_nav">
                    <p>最新消息</p>
                    <li>全部</li>
                    <li>报销</li>
                    <li>竞赛</li>
                    <li>项目</li>
                    <p>兴趣活动</p>
                </ul>
                <ul class="content_con_1">
                    <li>
                        <div class="content_con_1_head">
                            <img src="img/头像.png" alt="加载失败">
                            <p>dalasiweijie</p>
                            <p>今天17:56 软件工程2107班</p>
                        </div>
                        <div class="content_con_1_body">
                            <p class="title">蓝桥杯报销活动开始</p>
                            <div class="text">现已开启2023年蓝桥杯报销活动，请在本站“报销“站点进行报销。截止时间为2023年6月30日...<span
                                    class="gengduo">查看更多</span></div>
                            <div class="text_all">
                                蓝桥杯大赛组委会提醒所有参赛选手和团队，本年度报销活动已经正式开启。为了方便大家，所有与比赛相关的费用都可以在本站“报销”专区进行申请。请注意，报销申请的截止日期为2023年6月30日，逾期将无法受理。如有疑问，随时欢迎您联系我们。期待您的参与！<span
                                    class="shouhui">收回</span></div>
                            <ul class="content_con_bottom">
                                <li><img src="img/点赞.png" alt="加载失败"><span class="tips"> 99+</span></li>
                                <li><span><img src="img/评论.png" alt="加载失败"></span><span class="tips"> 99+</span></li>
                                <li><span><img src="img/收藏.png" alt="加载失败"></span><span class="tips"> 99+</span></li>
                                <li><span><img src="img/转发.png" alt="加载失败"></span><span class="tips"> 转发</span></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="content_con_1_head">
                            <img src="img/头像.png" alt="加载失败">
                            <p>dalasiweijie</p>
                            <p>今天17:56 软件工程2107班</p>
                        </div>
                        <div class="content_con_1_body">
                            <p class="title">蓝桥杯报销活动开始</p>
                            <div class="text">现已开启2023年蓝桥杯报销活动，请在本站“报销“站点进行报销。截止时间为2023年6月30日...<span
                                    class="gengduo">查看更多</span></div>
                            <div class="text_all">
                                蓝桥杯大赛组委会提醒所有参赛选手和团队，本年度报销活动已经正式开启。为了方便大家，所有与比赛相关的费用都可以在本站“报销”专区进行申请。请注意，报销申请的截止日期为2023年6月30日，逾期将无法受理。如有疑问，随时欢迎您联系我们。期待您的参与！<span
                                    class="shouhui">收回</span></div>
                            <ul class="content_con_bottom">
                                <li><img src="img/点赞.png" alt="加载失败"><span class="tips"> 99+</span></li>
                                <li><span><img src="img/评论.png" alt="加载失败"></span><span class="tips"> 99+</span></li>
                                <li><span><img src="img/收藏.png" alt="加载失败"></span><span class="tips"> 99+</span></li>
                                <li><span><img src="img/转发.png" alt="加载失败"></span><span class="tips"> 转发</span></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="content_con_1_head">
                            <img src="img/头像.png" alt="加载失败">
                            <p>dalasiweijie</p>
                            <p>今天17:56 软件工程2107班</p>
                        </div>
                        <div class="content_con_1_body">
                            <p class="title">蓝桥杯报销活动开始</p>
                            <div class="text">现已开启2023年蓝桥杯报销活动，请在本站“报销“站点进行报销。截止时间为2023年6月30日...<span
                                    class="gengduo">查看更多</span></div>
                            <div class="text_all">
                                蓝桥杯大赛组委会提醒所有参赛选手和团队，本年度报销活动已经正式开启。为了方便大家，所有与比赛相关的费用都可以在本站“报销”专区进行申请。请注意，报销申请的截止日期为2023年6月30日，逾期将无法受理。如有疑问，随时欢迎您联系我们。期待您的参与！<span
                                    class="shouhui">收回</span></div>
                            <ul class="content_con_bottom">
                                <li><img src="img/点赞.png" alt="加载失败"><span class="tips"> 99+</span></li>
                                <li><span><img src="img/评论.png" alt="加载失败"></span><span class="tips"> 99+</span></li>
                                <li><span><img src="img/收藏.png" alt="加载失败"></span><span class="tips"> 99+</span></li>
                                <li><span><img src="img/转发.png" alt="加载失败"></span><span class="tips"> 转发</span></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="content_con_1_head">
                            <img src="img/头像.png" alt="加载失败">
                            <p>dalasiweijie</p>
                            <p>今天17:56 软件工程2107班</p>
                        </div>
                        <div class="content_con_1_body">
                            <p class="title">蓝桥杯报销活动开始</p>
                            <div class="text">现已开启2023年蓝桥杯报销活动，请在本站“报销“站点进行报销。截止时间为2023年6月30日...<span
                                    class="gengduo">查看更多</span></div>
                            <div class="text_all">
                                蓝桥杯大赛组委会提醒所有参赛选手和团队，本年度报销活动已经正式开启。为了方便大家，所有与比赛相关的费用都可以在本站“报销”专区进行申请。请注意，报销申请的截止日期为2023年6月30日，逾期将无法受理。如有疑问，随时欢迎您联系我们。期待您的参与！<span
                                    class="shouhui">收回</span></div>
                            <ul class="content_con_bottom">
                                <li><img src="img/点赞.png" alt="加载失败"><span class="tips"> 99+</span></li>
                                <li><span><img src="img/评论.png" alt="加载失败"></span><span class="tips"> 99+</span></li>
                                <li><span><img src="img/收藏.png" alt="加载失败"></span><span class="tips"> 99+</span></li>
                                <li><span><img src="img/转发.png" alt="加载失败"></span><span class="tips"> 转发</span></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="content_con_1_head">
                            <img src="img/头像.png" alt="加载失败">
                            <p>dalasiweijie</p>
                            <p>今天17:56 软件工程2107班</p>
                        </div>
                        <div class="content_con_1_body">
                            <p class="title">蓝桥杯报销活动开始</p>
                            <div class="text">现已开启2023年蓝桥杯报销活动，请在本站“报销“站点进行报销。截止时间为2023年6月30日...<span
                                    class="gengduo">查看更多</span></div>
                            <div class="text_all">
                                蓝桥杯大赛组委会提醒所有参赛选手和团队，本年度报销活动已经正式开启。为了方便大家，所有与比赛相关的费用都可以在本站“报销”专区进行申请。请注意，报销申请的截止日期为2023年6月30日，逾期将无法受理。如有疑问，随时欢迎您联系我们。期待您的参与！<span
                                    class="shouhui">收回</span></div>
                            <ul class="content_con_bottom">
                                <li><img src="img/点赞.png" alt="加载失败"><span class="tips"> 99+</span></li>
                                <li><span><img src="img/评论.png" alt="加载失败"></span><span class="tips"> 99+</span></li>
                                <li><span><img src="img/收藏.png" alt="加载失败"></span><span class="tips"> 99+</span></li>
                                <li><span><img src="img/转发.png" alt="加载失败"></span><span class="tips"> 转发</span></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="con" style="display: none;">
        <div id="container">
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
            <h2>这是第二页</h2>
        </div>
    </div>
    <div class="con" style="display: none;">
        <div id="container">
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
            <h2>这是第三页</h2>
        </div>
    </div>
    <div class="con" style="display: none;">
        <div id="container">
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
            <h2>这是第四页</h2>
        </div>
    </div>
    <ul class="fenye">
        <li class="fenye_li">1</li>
        <li class="fenye_li">2</li>
        <li class="fenye_li">3</li>
        <li class="fenye_li">4</li>
    </ul>

    <!-- 底部部分 -->
    <div id="container">
        <div id="bottom">
            <h2 class="bottom_title">南大软院</h2>
            <ul class="logo">
                <li>
                    <img src="img/logo4.png" alt="加载失败">
                    <p>绿色校园</p>
                </li>
                <li>
                    <img src="img/logo1.png" alt="加载失败">
                    <p>学术交流</p>
                </li>
                <li>
                    <img src="img/logo2.png" alt="加载失败">
                    <p>人才培养</p>
                </li>
                <li>
                    <img src="img/logo3.png" alt="加载失败">
                    <p>质量保障</p>
                </li>
            </ul>
        </div>
    </div>

    <!-- 页脚部分 -->
    <a href="#">
        <div id="footer">
            <div id="container">
                <div class="footer_left"><img src="img/校徽.png" alt="加载失败"></div>
                <div class="footer_right">
                    <div class="footer_title">
                        <p>创作团队</p>
                        <p>意见反馈</p>
                    </div>
                    <p>Copyright (c) 2014-2022 Nanchang University. All Rights Reserved.
                        赣ICP备20001624号-1/网备36010802000198号</p>
                </div>
            </div>
        </div>
    </a>
    <script src="js/index.js"></script>
</body>

</html>